.icon {
  width: 15px;
  margin-right: 6px;
}
.font {
  padding: 2px;
}
.main :global .ant-drawer-body {
  padding: 12px !important;
}
.main :global .ant-card-body {
  padding: 15px !important;
}
.firstCard {
  margin-bottom: 12px;
}
.tag {
  margin-bottom: 10px;
}
.sqlOprBar :global .ant-btn-round.ant-btn-sm {
  font-size: 12px;
}
.sqlOprBar :global .ant-btn-primary {
  color: #fff;
  background: #02a7f0;
  border-color: #02a7f0;
}
.sqlOprIcon {
  margin-right: 30px;
  color: #02a7f0;
  font-size: 22px;
}
.sqlOprIcon:hover {
  cursor: pointer;
  opacity: 0.8;
}
.sqlOprIcon:active {
  opacity: 0.7;
}
.sqlOprBtn {
  margin-right: 30px;
  vertical-align: super !important;
}
.sqlOprBtn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.sqlOprBtn:active {
  opacity: 0.7;
}
.sqlEditor {
  margin-top: 10px;
  height: 100%;
  width: 100%;
}
.sqlEditor :global .ace_editor {
  font-family: 'Menlo', 'Monaco', 'Ubuntu Mono', 'Consolas', 'source-code-pro' !important;
}
.sqlEditor :global .ace_content {
  width: none !important;
  height: none !important;
}
.run {
  float: right;
  font-size: 15px;
  font-weight: 600;
  color: #02a7f0;
}
.taskIcon {
  margin-right: 10px;
  color: #1890ff;
  font-size: 14px;
}
.taskSuccessIcon {
  margin-right: 10px;
  color: #1890ff;
  font-size: 14px;
  color: #67c23a;
}
.taskFailIcon {
  margin-right: 10px;
  color: #1890ff;
  font-size: 14px;
  color: #f56c6c;
}
